<!DOCTYPE html>
<html ng-app>
<head >
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="/openitems/js/lib/angular/angular.min.js"></script>
<script src="/openitems/js/lib/angular/angular-resource.js"></script>
<script src="/openitems/js/lib/bootstrap/bootstrap.js"></script>
<script src="/openitems/js/lib/bootstrap/bootstrap.min.js"></script>
<script src="/openitems/js/services/testcase.js"></script>
<link rel="stylesheet" href="/openitems/css/bootstrap.css">
<title>:: TestCases ::</title>
</head>



<body ng-controller="TestCase" >
<button class="btn btn-primary btn-lg" ng-click="editTestCase('new')" data-toggle="modal" data-target="#editModal">
	Add New TestCase
</button>

 <table class="table table-striped">
		<tr>
			<th>Id</th>
			<th>Module</th>
			<th>Work Request</th>
			<th>Description</th>
			<th>Data</th>
			<th>Status</th>
			<th>Prepared By</th>
			<th>Expected Results</th>
			<th>Actual Results</th>
			<th>Validated By</th>
			<th>Validated Date</th>
			<th></th>
		</tr>
		<tr ng-repeat="testcase in testcaseList">
			<td>{{testcase.id}}</td>
			<td>{{testcase.workRequest}}</td>
			<td>{{testcase.module}}</td>
			<td>{{testcase.description}}</td>
			<td>{{testcase.data}}</td>
			<td>{{testcase.status}}</td>
			<td>{{testcase.preparedBy}}</td>
			<td>{{testcase.expResult}}</td>
			<td>{{testcase.actualResult}}</td>
			<td>{{testcase.validateBy}}</td>
			<td>{{testcase.validateDate}}</td>
			<td><button role='button' class='btn btn-primary btn-lg btn-block' ng-click="editTestCase(testcase)" data-toggle="modal" href="#editModal">Edit</button></td>
    
		</tr>
	</table>
	
	<div class="modal fade" ng-include="'add.html'" id="editModal" role='dialog'>
	</div>
	
</body>
</html>